<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/indent.css" /> 
		<link rel="shortcut icon" href="images/favicon.ico" />
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<div class="zhuce-top">
			<div class="zhuce-tc">
				<h1>
					<a href="javascript">
						<img src="images/logo.png" />
					</a>
				</h1>
				<div class="sloga"></div>
			</div>
		</div>
		
		<div class="stepcart">
			<div class="steplist">
				<div class="step-show"></div>
				<span class="one">1.购物袋</span>
				<span class="two">2.确认订单信息</span>
				<span class="three">3.付款</span>
			</div>
		</div>
		
		<div class="indent-main">
			<div class="indent-box">
				<h3 class="shdz">
					收货地址
					<a href="javascript:;"></a>
				</h3>
				
				<div class="indent-list">
					<ul class="addrList">
						<li class="address-list current">
							<a class="indent-a" href="javascript:;">
								<em>+</em>
								添加地址
							</a>
						</li>
					</ul>
					<div class="mengban"></div>
					<div class="zhuce-mes">
						<a class="close" href="javascript:;">X</a>
						<h3 class="add-title">
							收货地址
						</h3>
						<div class="bd">
							<div class="add-main">
								<div class="shoujianren">
									<span class="sjr-name">
										收件人：
										<em>*</em>
									</span>
									<input type="text" class="input input4">
									<em class="input-error error4">
										请输入正确的收货人
									</em>
								</div>
								<div class="shouhuodizhi shoujianren">
									<span class="sjr-name">
										收货地址：
										<em>*</em>
									</span>
									<select class="input5">
										<option>
											请输入
										</option>
										<option>
											河南省
										</option>
									</select>
									<select class="input6">
										<option>
											请输入
										</option>
										<option>
											郑州市
										</option>
									</select>
									<select class="input7">
										<option>
											请输入
										</option>
										<option>
											金水区
										</option>
									</select>
								</div>
								<div class="shoujianren">
									<span class="sjr-name">
										详细地址：
										<em>*</em>
									</span>
									<input type="text" class="input input1">
									<em class="input-error error1">
										请输入正确的详细地址
									</em>
								</div>
								<div class="shoujianren">
									<span class="sjr-name">
										手机号：
										<em>*</em>
									</span>
									<input type="text" class="input input2">
									<em class="input-error error2">
										请输入正确的手机号
									</em>
								</div>
								<div class="shoujianren">
									<span class="sjr-name">
										身份证：
										<em>*</em>
									</span>
									<input type="text" class="input input3">
									<em class="input-error error3">
										请输入正确的手机号
									</em>
								</div>
								<div class="btn">
									<a herf="javascript:;">
										<img class="queren" src="images/baocun.png" /> 
									</a>
									<a herf="javascript:;">
										<img class="quxiao" src="images/quxiao.png" /> 
									</a>	
								</div>
							</div>
						</div>
						<div class="tips">
							<span class="t4">
								请填写真实的身份信息
							</span>
							<ol>
								<li>海关需要对海外购物查验身份信息,请注意收货人必须与身份证一致，错误信息可能导致无法正常通关;</li>
								<li>身份证信息将加密报关,嗨淘将保证您的信息安全</li>
							</ol>
						</div>
					</div>
				</div>
				
				<div class="message">
					<h3 class="mes-tit">商品信息</h3>
					<a class="btn-goshopping" href="javascript:;">返回购物车修改商品</a>
				</div>
				<h2 class="title-s">
					杭州保税仓
				</h2>
				<div class="mes-main">
					<table width="100%">
						<thead>
							<tr>
								<th width="40%">商品</th>
								<th width="12%">单价</th>
								<th width="12%">数量</th>
								<th width="12%">小计</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<div class="goods">
										<a class="goods-img" href="javascript:;">
											<img src="images/link1.jpg" />
										</a>
										<div class="goods-info">
											<a href="javascript:;">
												Reveur 无硅洗发水粉色头皮护理无硅油洗头水 500ml*2瓶
											</a>
											<p class="des">
												重量：0kg
											</p>
										</div>
									</div>
								</td>
								<td>
									<strong class="price">$130.00</strong>
								</td>
								<td>1</td>
								<td>
									<strong class="xiaoji">$130.00</strong>
								</td>
							</tr>
							<tr class="fenge">
								<td colspan="4"></td>
							</tr>
							<tr class="border-s">
								<td class="tb-right" colspan="4">
									<p>共1件 商品金额：
										<span class="price-box-2">¥130.00</span>
									</p>
									<p>优惠金额：
										<span class="price-box-2">-¥0.00</span>
									</p>
									<p>运费：
										<span class="price-box-2">¥0.00</span>
									</p>
									<p>税费：
										<span class="price-box-2">¥15.47</span>
									</p>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<h3 class="use-tit">使用优惠券</h3>
				<div class="change">
					<div class="change-box">
						<ul class="c-list">
							<li class="n-coupon">
								当前没有优惠券可用
							</li>
						</ul>
						<ul>
							<li class="box-dui">兑换优惠券</li>
						</ul>
					</div>
					<div class="yixuanze">
						<ul class="clearfix">
							<li>
								<span>
									<em>-¥0.00</em>
								</span>
								<span class="choose">
									已选择
									<em>0</em>
									已选择
								</span>
							</li>
						</ul>
					</div>
					<div class="yixuanze">
						<ul class="clearfix">
							<li>
								<span>
									<em>-¥0.00</em>
								</span>
								<span class="choose">
									<strong>优惠金额</strong>
								</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="payment">
					<ul>
						<li>
							<em class="s-num">1</em>
							件商品，商品总额：
							<span class="price-sum">¥130.00 </span>
						</li>
						<li>
							优惠金额：
							<span class="price-sum">¥00.00 </span>
						</li>
						<li>
							运费：
							<span class="price-sum">¥00.00 </span>
						</li>
						<li>
							税费：
							<span class="price-sum">¥15.47 </span>
						</li>
						<li>
							应付总额：
							<span class="price-sum-max">¥130.00 </span>
						</li>
					</ul>
				</div>
				<div class="baozheng">
					<img src="images/chengruo.png" />
				</div>
				<p class="paybtn">
					<a class="btn-queren">
						<span>确认提交订单</span>
					</a>
				</p>
			</div>
		</div>
		<!--------------------公用信息------------------------------------->
			<div class="but-nav">
				<div class="but-navc">
					<div class="bnav-right">
						<a href="javascript:;">公司简介</a>
						<a href="javascript:;">联系我们</a>
						<a href="javascript:;">大事件</a>
						<a href="javascript:;">人才招募</a>
						<a href="javascript:;">帮助中心</a>
						<a href="javascript:;">法律声明</a>
						<a href="javascript:;">合作专区</a>
						<a href="javascript:;">友情链接</a>
					</div>
					<div class="bnav-left">
						4008-006-006
					</div>
				</div>
			</div>
			<p class="copy">
				Copyright © 2010 - 2016, 版权所有 HITAO.TOP    湘ICP备10012668号-3  嗨淘全球网　|　营业执照
			</p>
			<div class="foot">
				<a class="footimg" href="javascript:;"><img src="images/cx.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx2.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx3.png"/></a>
				<div class="footd"><img src="images/cx4.png"/></div>
				<div class="footd"><img src="images/cx5.png"/></div>
			</div>
		</div>
		<!--------------------^common^----------------------------------->
		<div class="use-center">
			<ul class="user-top">
				<li>
					<a class="kefu" href="javascript:;">在线客服</a>
					<div class="user-hide">
						<span class="livebox"></span>
						<span class="livetime">
							时间：12:00--18:00<br />
							热线：4008-006-006
						</span>
					</div>
				</li>
				<li>
					<a class="gouwudai" href="javascript:;">购物袋</a>
					<span id="buynum">0</span>
				</li>
				<li>
					<a class="shoucang" href="javascript:;">
						<div class="xin">我的收藏</div>
						<span class="shoucang-hide">我的收藏</span>
					</a>
				</li>
				<li>
					<a class="youhui" href="javascript:;">
						<div class="juan">优惠券</div>
						<span class="shoucang-hide">优惠券</span>
					</a>
				</li>
			</ul>
			<ul class="user-bottom">
				<li>
					<a class="saoma" href="javascript:;">二维码</a>
					<div class="saoma-hide">
						<img src="images/erweima.png"/>
						手机注册
					</div>
				</li>
				<li>
					<a class="uptop" href="javascript:;">TOP</a>
				</li>
			</ul>
		</div>
		<!--------------------^common侧边栏^----------------------------------->
	</body>
</html>
